
<html>

<wicket:extend>
<div class="container">

  <h2 style="text-align: center;" wicket:id="top_header"></h2>
  <div class="span-24 last" style="text-align: center;">
    <a href="#" wicket:id="room01Link"><img class="tight" wicket:id="room"/></a>
    <a href="#" wicket:id="room02Link"><img class="tight" wicket:id="natural_space"/></a>
    <a href="#" wicket:id="room03Link"><img class="tight" wicket:id="bathroom"/></a>
    <a href="#" wicket:id="room04Link"><img class="tight" wicket:id="kitchen"/></a>
    <a href="#" wicket:id="room05Link"><img class="tight" wicket:id="living"/></a>
    <a href="#" wicket:id="room06Link"><img class="tight" wicket:id="entrance"/></a>
  </div>
  <div class="span-12 prepend-top">

    <div class="span-2">&nbsp;</div>
    <div class="span-8">
      <div style="font-size:18px">Settings</div>
      <fieldset>
        <div style="font-size:17px"><b>Temperature:</b></div>
        <fieldset>
          <div style="font-size:16px"><b>73&deg;F</b>&nbsp;
          <img wicket:id="SliderFull" style="vertical-align: middle" /></div>
        </fieldset>
        <div style="font-size:17px"><b>Humidity:</b></div>
        <fieldset>
          <div style="font-size:16px"><b>40%</b>&nbsp;
          <img wicket:id="SliderEmpty" style="vertical-align: middle" /></div>
        </fieldset>
      </fieldset>
    </div>
    <div class="span-2 last">&nbsp;</div>
    <div class="span-3">&nbsp;</div>
    <div class="span-6">
      <div style="font-size:18px">Power</div>
      <fieldset>
        <div style="font-size:17px"><b>A/C:</b></div>
        <fieldset>
          <img wicket:id="On" />&nbsp;&nbsp;&nbsp;<img wicket:id="Off" />
        </fieldset>
        <div style="font-size:17px"><b>Scheduler:</b></div>
        <fieldset>
          <img wicket:id="On" />&nbsp;&nbsp;&nbsp;<img wicket:id="Off" />
        </fieldset>
      </fieldset>
    </div>
    <div class="span-3 last">&nbsp;</div>
  </div>
  <div class="span-12 prepend-top last">
    <div class="span-6">
      <h3>Cooling Schedule</h3>
    </div>
    <div class="span-6 last" style="text-align: right;">X: Enabled</div>
    <div class="span-12 last">
      <fieldset class="tight">
        <table style="width:100%">
          <thead>
            <tr>
              <th>Time</th>
              <th>Mon</th>
              <th>Tue</th>
              <th>Wed</th>
              <th>Thu</th>
              <th>Fri</th>
              <th>Sat</th>
              <th>Sun</th>
              <th>Weekdays</th>
              <th>Weekends</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td style="text-align: center;">01:00</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">02:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
             <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">03:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">04:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">05:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">06:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">07:00</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">08:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">09:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">10:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">11:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">12:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
            </tr>
            <tr>
              <td style="text-align: center;">13:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
            </tr>
            <tr>
              <td style="text-align: center;">14:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">15:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">16:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
            </tr>
            <tr>
              <td style="text-align: center;">17:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">18:00</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
            </tr>
            <tr>
              <td style="text-align: center;">19:00</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">20:00</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
            </tr>
            <tr>
              <td style="text-align: center;">21:00</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">22:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">23:00</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
            <tr>
              <td style="text-align: center;">00:00</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;">X</td>
              <td style="text-align: center;"></td>
              <td style="text-align: center;"></td>
            </tr>
          </tbody>
        </table>
      </fieldset>
    </div>
    <div class="span-12 last" style="text-align:center">
      <input type="button" value="Save" />
      <input type="button" value="Clear" />
    </div>
  </div>
</div>
</wicket:extend>
</html>

